導讀:網(wǎng)頁版式設計是網(wǎng)站建設過程中的重要環(huán)節(jié),它不僅是網(wǎng)站視覺傳達的手段,也是產(chǎn)品、業(yè)務等功能元素與頁面空間合理布局的規(guī)劃,直接影響網(wǎng)站所屬主體的品牌宣傳和價值輸出。因此,選
發(fā)表日期:2019-06-02
文章編輯:興田科技
瀏覽次數(shù):13310
標簽:
網(wǎng)頁版式設計是網(wǎng)站建設過程中的重要環(huán)節(jié),它不僅是網(wǎng)站視覺傳達的手段,也是產(chǎn)品、業(yè)務等功能元素與頁面空間合理布局的規(guī)劃,直接影響網(wǎng)站所屬主體的品牌宣傳和價值輸出。因此,選擇合適的網(wǎng)頁版式就顯得尤為重要。
常用的網(wǎng)頁版式布局基本類型主要有滿版型、分割型、中軸型、傾斜型、對稱型、焦點型、自由型等。
滿版型
滿版型以大幅圖片充滿版面,給人以時尚、大方的感覺。頁面以圖像為主要訴求點,或者將部分文字放置于圖像之上,視覺傳達效果直觀強烈。
分割型
把整個頁面上下或左右一分為二,分別安排圖片和文案,整個頁面的兩部分可形成鮮明對比。同時也可以通過調(diào)整圖片與文案所占面積,或者圖文融合混排,來調(diào)節(jié)對比的強弱。
中軸型
沿瀏覽器窗口的中軸線將圖片或文字作水平或垂直方向的排列。水平排列的頁面給人以穩(wěn)定、平靜、含蓄的感覺,而元素的垂直排列,會使整個頁面效果清爽、舒暢。
傾斜型
通過對頁面主題形象或多幅圖片、文字作傾斜編排,形成不穩(wěn)定感以及強烈的動感,突出視覺沖擊力。所以,當網(wǎng)頁中要出現(xiàn)律動的、跳躍的呈現(xiàn)效果,可以考慮使用傾斜型。傾斜排版可以讓呆板的頁面產(chǎn)生意想不到的活力和生機。
對稱型
對稱的頁面給人以穩(wěn)定、嚴謹、理性的感覺,且能夠呈現(xiàn)出一種均衡的力量感和愉悅的視覺平衡。在設計的概念里,對稱分為絕對對稱和相對對稱。一般在設計過程中,設計師更多采用相對對稱,從一些細節(jié)上的區(qū)別設計,避免頁面出現(xiàn)呆板的現(xiàn)象。
焦點型
焦點型網(wǎng)頁版式設計大致可以分為三種類型,中心、向心和離心。中心,是以對比強烈的圖片或文字置于頁面視覺中心;向心與離心分別是指用適當?shù)囊曈X元素,引導瀏覽者的視線向頁面中間聚攏或者向外輻射。向心是集中的、穩(wěn)定的版式,離心是一種舒展的、活潑的版式。較之于向心,離心版式的網(wǎng)頁更具現(xiàn)代感,但也是因為離心型所具有的活潑的特點,在設計這種版式時,也應注意避免頁面產(chǎn)生凌亂。
自由型
頁面有時候需要呈現(xiàn)一種跳出規(guī)則、突破束縛的感覺,因此在文字與圖片等頁面元素的編排上,可以不拘泥于某一種格式自由排版。不過,自由型的網(wǎng)頁版式并不等同于胡亂堆砌,它依賴于設計師成竹在胸的布局規(guī)劃。如果沒有合理的元素及空間安排,自由型頁面不僅視覺呈現(xiàn)效果大打折扣,整個布局也會顯得毫無章法。
網(wǎng)頁版式設計其實就是擇優(yōu)選取元素與空間的一種排列關系。設計一個網(wǎng)頁所能用使用的版式當然不僅僅只有這幾種,至于選擇什么樣的版式布局,標準也很簡單:在用戶體驗到頁面視覺美感的同時,也能有效的接收頁面輸出的信息。
上一篇:
暫無信息更多新聞
2020
關于seo優(yōu)化,身為一名合格的建站工作者,我們必須不斷調(diào)整自己的優(yōu)化思路,充分發(fā)揮自己的優(yōu)化能力,但決不能盲目跟隨前人經(jīng)驗,只能借鑒但絕對不能完全復制,再
View details
2020
關于網(wǎng)站優(yōu)化,新進企業(yè)要想在網(wǎng)站優(yōu)化行業(yè)立足,首先要掌握行業(yè)基礎知識,這是新進企業(yè)的基本素質(zhì)。新兵自身素質(zhì)的培養(yǎng)很重要,最優(yōu)化,下面小編告訴大家新手
View details
2019
網(wǎng)頁版式設計是網(wǎng)站建設過程中的重要環(huán)節(jié),它不僅是網(wǎng)站視覺傳達的手段,也是產(chǎn)品、業(yè)務等功能元素與頁面空間合理布局的規(guī)劃,直接影響網(wǎng)站所屬主體的品牌宣傳和價值輸出。因此,選
View details
2020
關于關鍵詞優(yōu)化,通常伴隨著站點的整個生命周期,因此站點的SEO優(yōu)化不能簡單地強調(diào)相關技巧,而要從策略角度考慮,這樣才能指導站點的SEO優(yōu)化作業(yè),并且能夠讓S
View details